// out: ./layui.css, compress: true, sourceMap: false
@import "layui_old.css";

// body {
//     background: #f00;
// }

// .layui-card {
//     .layui-card-body {
//         background: #000;
//     }
// }
html{
    height:100%;
}
body[data-background-color=dark] {
    height:100%;
    background: #1a2035;
    a{
        color:#fff;
    }

    .main-header {
        box-shadow: 0 0 5px #121727;
    }

    .main-panel {
        color: rgba(169, 175, 187, .82) !important;

        label {
            color: #fff !important;
        }
    }

    .card-pricing2 {
        background: #202940 !important;
    }

    .row-card-no-pd {
        [class*=col] {
            .card {
                &:before {
                    background: rgba(181, 181, 181, .1) !important;
                }
            }
        }
    }

    .timeline {
        &>li {
            &>.timeline-panel {
                &:before {
                    border-left-color: rgba(181, 181, 181, .1);
                    border-right-color: rgba(181, 181, 181, .1);
                }

                &:after {
                    border-left-color: #202940;
                    border-right-color: #202940;
                }
            }
        }
    }

    .page-category {
        color: #828282;
    }

    .card-category {
        color: #8b92a9;
    }

    .nav-pills {
        .nav-link {
            &:not(.active) {
                background: #fff;
            }
        }
    }

    .card-pricing {
        .specification-list {
            li {
                border-color: #373d4c;
            }
        }
    }

    .input-group-text {
        border-color: #2f374b !important;
        background-color: #1f283e;
        color: #fff;
    }

    .input-solid {
        background: #363b4c !important;
        border-color: #363b4c !important;
    }

    .footer {
        border-top: 1px solid #293247;
        background: #1f283e;
    }

    .bootstrap-tagsinput {
        background: 0 0;
    }

    .selectgroup-button {
        border: 1px solid #2f374b;
    }

    .conversations {
        .message-header {
            background: #1a2035;
            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .07);
        }

        .conversations-content {
            color: #575962;
            border-color: #2e364a;
        }
    }

    .mail-wrapper {
        .mail-content {
            .inbox-body {
                .email-list {
                    .email-list-item {
                        &.unread {
                            background: #1f283e !important;
                        }

                        &:hover {
                            background: #171e2f !important;
                        }
                    }
                }
            }
        }
    }

    .page-with-aside {
        .page-aside {
            .aside-nav {
                .nav {
                    &>li {
                        &.active {
                            &>a {
                                color: #b9babf !important;
                            }
                        }
                    }
                }
            }
        }
    }

    .board {
        color: #575962;
    }

    & .layui-card-header {
        color: #fff;
        border-color: rgba(181, 181, 181, .1) !important;

        & a {
            color: #fff;
        }

    }
    & .layui-table-view{
        border-width: 0px; 
        & .layui-table{
            td{
                border-left: 1px solid rgba(181, 181, 181, .1) !important;
            }
        }
    }
    & .layui-table{
        background-color: transparent;
        border-width: 0px; 
        border-style: solid;
        border-color:  rgba(181, 181, 181, .1)  !important;
        thead{
            tr{
                background: rgba(181, 181, 181, .1) !important;
                th{
                    font-weight:bold;
                    color: rgba(255, 255, 255, .5);
                }
                
            }
        }
        & th,& td{
            border-color: rgba(181, 181, 181, .1) !important;
            color:rgba(255, 255, 255, .5);
        }
        & tr{
            &:hover{
                background: rgba(255, 255, 255, .2);
            }
        }
        & .layui-table-hover{
            background: rgba(255, 255, 255, .2) !important;
        }
        // & .layui-table-hover{

        // }
    }
    & .layui-table-box{
        overflow: visible !important;
        & .layui-table-header{
            background: none;
            border-width: 1px;
            border-style: solid;
            border-color: rgba(181, 181, 181, .1) !important;
        }
        & .layui-table-body{
            position: relative;
            overflow: auto;
        }
        & .layui-table-fixed{
            display: none;
        }
    }
    & .layui-table-page{
        border:0;
        span{
            color:#fff;
        }
    }
    & .layui-card {
        .layui-tab{
            .layui-tab-title{
                li{
                    color: rgba(255, 255, 255, .8) !important;
                    &.layui-this {
                        font-weight:bold;
                    }
                }

            }
            
        }
    }
}


body[data-background-color=dark] .layui-card,
body[data-background-color=dark] .list-group-item,
body[data-background-color=dark] .row-card-no-pd,
body[data-background-color=dark] .timeline>li>.timeline-panel {
    background: #202940;
}

body[data-background-color=dark] .breadcrumbs,
body[data-background-color=dark] .card .card-action,
body[data-background-color=dark] .card .card-footer,
body[data-background-color=dark] .card .card-header,
body[data-background-color=dark] .card-profile .user-stats [class^=col],
body[data-background-color=dark] .conversations .messages-form,
body[data-background-color=dark] .list-group .list-group-item,
body[data-background-color=dark] .mail-wrapper .mail-content .email-head,
body[data-background-color=dark] .mail-wrapper .mail-content .email-sender,
body[data-background-color=dark] .mail-wrapper .mail-content .inbox-body .email-list .email-list-item,
body[data-background-color=dark] .main-panel .page-divider,
body[data-background-color=dark] .page-with-aside .page-aside,
body[data-background-color=dark] .separator-dashed,
body[data-background-color=dark] .separator-dot,
body[data-background-color=dark] .separator-solid,
body[data-background-color=dark] .table td,
body[data-background-color=dark] .table th,
body[data-background-color=dark] .timeline>li>.timeline-panel {
    border-color: rgba(181, 181, 181, .1) !important;
}

body[data-background-color=dark] .breadcrumbs li a,
body[data-background-color=dark] .page-title {
    color: rgba(169, 175, 187, .82);
}



body[data-background-color=dark] .card-danger,
body[data-background-color=dark] .card-default,
body[data-background-color=dark] .card-info,
body[data-background-color=dark] .card-primary,
body[data-background-color=dark] .card-secondary,
body[data-background-color=dark] .card-success,
body[data-background-color=dark] .card-warning {
    color: #fff;
}

body[data-background-color=dark] .card-danger .card-category,
body[data-background-color=dark] .card-danger .card-title,
body[data-background-color=dark] .card-default .card-category,
body[data-background-color=dark] .card-default .card-title,
body[data-background-color=dark] .card-info .card-category,
body[data-background-color=dark] .card-info .card-title,
body[data-background-color=dark] .card-primary .card-category,
body[data-background-color=dark] .card-primary .card-title,
body[data-background-color=dark] .card-secondary .card-category,
body[data-background-color=dark] .card-secondary .card-title,
body[data-background-color=dark] .card-success .card-category,
body[data-background-color=dark] .card-success .card-title,
body[data-background-color=dark] .card-warning .card-category,
body[data-background-color=dark] .card-warning .card-title {
    color: #fff;
}

body[data-background-color=dark] .list-group .list-group-item-text,
body[data-background-color=dark] .list-group-messages .list-group-item-title a {
    color: inherit;
}

body[data-background-color=dark] .form-control,
body[data-background-color=dark] .form-group-default,
body[data-background-color=dark] .select2-container--bootstrap .select2-selection {
    background-color: #1a2035;
    color: #fff;
    border-color: #2f374b;
}

body[data-background-color=dark] .page-with-aside .page-aside .aside-nav .nav>li.active,
body[data-background-color=dark] .page-with-aside .page-aside .aside-nav .nav>li:focus,
body[data-background-color=dark] .page-with-aside .page-aside .aside-nav .nav>li:hover {
    background: rgba(0, 0, 0, .03);
}